<html xmlns="http://www.w3c.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
<h:head>
<script type="text/javascript">
  //<![CDATA[
   //debe usarse los \\:  en lugar de : en los selectores de JQuery
   $( document ).ready(function() {	  
	 console.log('Listo');
	});        
//]]>
</script>
<link rel="stylesheet" type="text/css" href="css/estilo.css"  />
<script type="text/javascript" src="js/main.js" />
</h:head>
<h:body>
  <br/>
  <CENTER><h1>
		<h:outputLabel value="Robot Explorador" />
	</h1></CENTER>
  <h:form id="form_content">        
     <div class="ui-form-col" id="estilocontrol1">
							<div class="clearfix text-align-left">
								<h:outputLabel
									value="Aplicaciones de control" />		
							</div>
							
							
							<div class="ui-form-row clearfix text-align-center">
							<br/>
							<p:commandButton id="controlarTec" value="Controlar por Teclado" actionListener="#{actuator.controlarTeclado}" oncomplete="currentPagefromServer(xhr, status, args)"/>
							<p:commandButton id="controlarVoz" value="Controlar por Voz " actionListener="#{actuator.controlarTeclado}" oncomplete="currentPagefromServer(xhr, status, args)"/>
							<!--El manejo de voz a traves de web es complicado, para este paso se necesita llevar contenido multimedia desde el browser hasta el servidor
							lo cual esta fuera del alcance de este proyecto,  el manejo por voz se hace localmente sentando al usuario en el servidor -->
			                </div>
							
						</div>
						
						     
 </h:form>
</h:body>

</html>